Color scheme / 配色方案

如何幫助使用者快速識別 AI 功能或內容是一個核心設計問題。顏色作為視覺訊號,已成為幫助使用者區分 AI 和人工輸入的重要工具。雖然尚無統一的顏色標準,但目前紫色和綠色已經成為主流選擇,且漸變色也被廣泛應用。

現有趨勢

紫色是目前使用最廣泛的 AI 功能標識顏色,主要原因包括:

綠色的崛起

綠色作為 ChatGPT 的主要品牌色,也在逐步佔據市場。視覺搭配:綠色和紫色在色輪上是互補色,GitHub 的 AICopilot 就採用了綠色、紫色和藍色的調色盤。

品牌獨立性

部分公司選擇突破主流配色方案,堅持品牌的專屬顏色。

ReWord:其產品中大量使用品牌主色橙色,即便在 AI 功能中也保持一致。

Grammarly:延續品牌的綠色,但結合豐富的圖示設計,使其 AI 功能更顯獨特。

次要趨勢

設計細節與變體

  1. 主流顏色:
    1. 紫色:廣泛使用,有助於使用者快速識別 AI 功能。
    1. 綠色:逐步流行,特別適合品牌已有綠色元素的產品。
  1. 漸變:在吸引視覺關注的同時保持設計現代感。
  1. 品牌獨立性:在競爭激烈或完全依賴 AI 的產品中,可能需要開發獨特的配色方案,以提升品牌辨識度。
  1. 配色輔助:使用顏色搭配文字或圖示,進一步提升資訊來源的可辨識性,尤其對色盲使用者更友好。

優勢

潛在風險

建議與未來方向

Jasper 的介面以鮮明的紫色主題為主。
Copy.ai的儀表板設計中大量使用了人物形象。

Writer.com使用了較低飽和度的紫色搭配高飽和度的青色,並輔以一些漸變效果

Adobe 將紫色作為其 PDF AI 功能的主要標識色,並在按鈕中使用了漸變設計,體現出一種刻意追求差異化的選擇。

Grammarly 的主要品牌色是綠色,與類似的配色方案非常契合,但其圖示設計仍然獨具特色。

ReWord 選擇橙色作為品牌色,而非常見的紫色或綠色。

Copy.ai使用了紫色和綠色的配色方案。這是否已成為行業標準?還是其他模仿者在追隨Copy.aiWriter.com等大玩家的設計風格?

Notion 使用柔和的紫色作為其所有 AI 圖示的標識色。

紫色是 Figjam 的主要標識色。

Canva 的紫藍漸變配色和 Framer 的設計很相似,顯得柔和又充滿活力。
GitHub 使用其標誌性的藍色來突出 Copilot 功能。

Framer 使用藍色和紫色漸變來標識其 AI 工具。

綠色和紫色構成了 GitHub 登入頁面的基礎配色方案。